﻿@model IList<Inovout.Kuajing.Models.ShipmentOrderItem>
@{
    Layout = "~/Views/Shared/_Layout.cshtml"; 
}
@section styles {

    <style>
        .form form {
            margin: 20em auto;
        }

        div.error {
            padding-left: 2px;
            padding-bottom: 2px;
            font-weight: bold;
            color: #EA5200;
        }
    </style>
}

@section scriptsHead {


}

<div>
    <strong>订单详情</strong>
</div>
<p></p>
<div>
    <table class="table table-bordered" id="tb_orderDetail">
        <thead>
            <tr>
                <td>商品</td>
                <td>单价（元）</td>
                <td>数量</td>
                <td>实付款（元）</td>
                <td>交易状态</td>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                var status = item.ShipmentOrder.Status < Inovout.Kuajing.Models.ShipmentOrderStatus.Shipped ? "未发货" : "已发货";
                <tr>
                    <td>@item.Commodity.Name
                        <input type="hidden" value="@item.Id" />
                    </td>
                    <td>@item.CommodityPrice</td>
                    <td>@item.CommodityQuantity</td>
                    <td>@item.Amount</td>
                    <td>@status</td>
                </tr>
            }
        </tbody>
    </table>

</div>

<div>
    @{
        if (ViewBag.Ship)
        {
        <a  href='@Url.Action("ShippedOrderList", "Order")' class="btn btn-default" role="button">返回订单</a>
        }
        else
        {
        <a  href='@Url.Action("UnShippedOrderList", "Order")' class="btn btn-default" role="button">返回订单</a>
        }
    }

</div>
<div>
    @*     <nav class="page">
        <ul class="pagination">
            <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>*@
</div>


<!-- /.modal -->
@section scriptsBody {
    <script>
        

    </script>

}